
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>手机app通用模板金融理财新一代借贷产品列表介绍页面</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<link href="/index/css/style.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="/index/js/jquery.min.js"></script>
	<link rel="stylesheet" href="/js/bootstrap-4.1.1-dist/css/bootstrap.min.css">
	<script src="/js/jquery/jquery.min.js"></script>
	<script src="/js/bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="/css/font/css/font-awesome.min.css"/>
	<link rel="stylesheet" href="/css/reset.css"/>
	<link rel="stylesheet" href="/css/strategy.css"/>
	<script src="/js/plugins/jrender/jrender.min.js"></script>
	<link rel="stylesheet" href="/js/plugins/dialog2/dialog.css"/>
	<script src="/js/plugins/dialog2/dialog.min.js"></script>
	<script src="/js/checkLogin.js"></script>
	<script src="/js/common.js"></script>
	<script type="text/javascript">
        function b() {
            t = parseInt(x.css('top'));
            y.css('top', '20px');
            x.animate({
                top: t - 20 + 'px'
            }, 'slow');
            if (Math.abs(t) == h - 20) {
                y.animate({
                    top: '0px'
                }, 'slow');
                z = x;
                x = y;
                y = z;
            }
            setTimeout(b, 3000);
        }

        $(document).ready(function() {
            $('.swap').html($('.news_li').html());
            x = $('.news_li');
            y = $('.swap');
            h = $('.news_li li').length * 20;
            setTimeout(b, 3000);
        })
        $(function () {
            //借款
            $('#inpBtn').click(function () {
                $('#inputModal').modal('show');
            })
			$('#srcId').click(function () {
                $('#inputModal').modal('show');
            })
            $('.inSubmit').click(function () {
                var name = $('#name').val();
                var age = $('#age').val();
                var address = $('#address').val();
                var cardNum = $('#cardNum').val();
                var phoneNum = $('#phoneNum').val();
                var job = $('#job').val();
                var income = $('#income').val();
                var borrowMoney = $('#borrowMoney').val();
                var json = {
                    "user.id":user.id,
                    name:name,
                    age:age,
                    address:address,
                    cardNum:cardNum,
                    phoneNum:phoneNum,
                    job:job,
                    income:income,
                    borrowMoney:borrowMoney
                }
                $.post(baseUrl+"/finances",json,function (data) {
                    $(document).dialog({
                        type : 'confirm',
                        closeBtnShow: true,
                        style: 'ios',
                        content: '申请成功，待审核，请留意进度通知',
                        onClickConfirmBtn: function(){
                            //清空评论框
                            $("#editForm").val("");
                            var string ='balance.html?id='+user.id
                            window.location.href=string
                        }
                    });
                });
            });

            //还款
            $('#outBtn').click(function () {
                $('#outModal').modal('show')
            })
            $('.submit-Btn').click(function () {
                var balance = $('#balance').val();
                $.post(baseUrl+"/finances/"+1+"/"+balance,function (dsta) {
                    $(document).dialog({
                        type : 'confirm',
                        closeBtnShow: true,
                        style: 'ios',
                        content: '还款成功',
                        onClickConfirmBtn: function(){
                            $("#outForm").val("");
                            var string ='balance.html?id='+user.id
                            window.location.href=string
                        }
                    });
                })
            });
            //额度评估
			$('#testMoney').click(function () {
				$('#edModal').modal('show')
            })
			$('.testBtn').click(function () {
                var testMoney = $('#icomes').val();
                if(testMoney<=30000){
                    $(document).dialog({
                        overlayClose: true,
                        content: '亲，您的骡呗最高额度：10000'
                    });
				}
                if(testMoney>30000&&testMoney<=70000){
                    $(document).dialog({
                        overlayClose: true,
                        content: '亲，您的骡呗最高额度：20000'
                    });
				}
				if(testMoney>70000){
                    $(document).dialog({
                        overlayClose: true,
                        content: '亲，您的骡呗最高额度：50000'
                    });
				}
            });


                //document.getElementById('oImg').style.display = "block";
			$('#selectBtn').click(function () {
                $('#apng').attr("href","flow.html");
            })





	})

	</script>
</head>
<body>
<div class="search-head">
	<div class="row nav-search">
		<div class="col">
			<a href="javascript:history.go(-1);">
				<span><i class="fa fa-chevron-left" ></i></span>
			</a>
		</div>
		<div class="col">
			<span></span>
		</div>
		<div class="col"></div>
	</div>
</div>

<!--借款模态框-->
<div class="modal fade" id="inputModal" tabindex="-1" role="dialog"
	 aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-body">
				<form class="form-horizontal" action="#" method="post" id="editForm">
					<input type="hidden" name="id">
					<input type="hidden" name="user.id">
					<div class="form-group" >
						<label class="col-sm-4 control-label">姓名：</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" name="name" id="name">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-4 control-label">年龄：</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" name="age" id="age">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-4 control-label">联系方式：</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" name="phoneNum" id="phoneNum">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-4 control-label">年收入：</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" id="income">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-4 control-label">职务：</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" id="job" >
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-4 control-label">身份证：</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" id="cardNum" >
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-4 control-label">家庭地址：</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" id="address">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-4 control-label">借款金额：</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" id="borrowMoney" >
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">
					<span class="glyphicon glyphicon-off"></span> 关闭
				</button>
				<button type="button" class="btn btn-primary inSubmit">
					<span class="glyphicon glyphicon-saved"></span> 提交
				</button>
			</div>
		</div>
	</div>
</div>

<!--还款模态框-->
<div class="modal fade" id="outModal" tabindex="-1" role="dialog"
	 aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-body">
				<form class="form-horizontal" action="#" method="post" id="outForm">
					<input type="hidden" _method="put">
					<input type="hidden" name="id">
					<input type="hidden" name="user.id">
					<div class="form-group" >
						<label class="col-sm-4 control-label">还款金额：</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" name="balance" id="balance">
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">
					<span class="glyphicon glyphicon-off"></span> 关闭
				</button>
				<button type="button" class="btn btn-primary submit-Btn">
					<span class="glyphicon glyphicon-saved"></span> 提交
				</button>
			</div>
		</div>
	</div>
</div>
<!--额度评估模态框-->
<div class="modal fade" id="edModal" tabindex="-1" role="dialog"
	 aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-body">
				<form class="form-horizontal" action="#" method="post" id="edForm">
					<input type="hidden" name="id">
					<input type="hidden" name="user.id">
					<div class="form-group" >
						<label class="col-sm-4 control-label">姓名：</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" name="iname" id="iname">
						</div>
					</div>
					<div class="form-group" >
						<label class="col-sm-4 control-label">年收入：</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" name="icomes" id="icomes">
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">
					<span class="glyphicon glyphicon-off"></span> 关闭
				</button>
				<button type="button" class="btn btn-primary testBtn">
					<span class="glyphicon glyphicon-saved"></span> 测一测
				</button>
			</div>
		</div>
	</div>
</div>

<section class="aui-flexView">
	<header class="aui-navBar aui-navBar-fixed">
		<a href="javascript:;" class="aui-navBar-item">
			<i class="icon icon-code"></i>
		</a>
		<div class="aui-center">
			<div class="aui-search-box">
				<i class="icon icon-search"></i>
				<input type="text" placeholder="新一代,更低息">
			</div>
		</div>
		<a href="javascript:;" class="aui-navBar-item" >
			<i class="icon icon-info"></i>
		</a>
	</header>
	<section class="aui-scrollView">
		<div class="aui-gen-head">
			<div class="aui-palace aui-palace-one">
				<a href="javascript:;" class="aui-palace-grid">
					<div class="aui-palace-grid-icon">
						<img src="/index/images/nav-001.png" alt="">
					</div>
					<div class="aui-palace-grid-text">
						<h2><span id="testMoney">额度评估</span></h2>
					</div>
				</a>
				<a href="returnmoney.html" class="aui-palace-grid">
					<div class="aui-palace-grid-icon">
						<img src="/index/images/nav-002.png" alt="">
					</div>

					<div class="aui-palace-grid-text">
						<h2>近期还贷</h2>
					</div>

				</a>
				<a href="leavemoney.html" class="aui-palace-grid">
					<div class="aui-palace-grid-icon">
						<img src="/index/images/nav-003.png" alt="">
					</div>
					<div class="aui-palace-grid-text">
						<h2>我的贷款</h2>
					</div>
				</a>
				<a href="schedule.html" class="aui-palace-grid">
					<div class="aui-palace-grid-icon">
						<img src="/index/images/nav-004.png" alt="">
					</div>
					<div class="aui-palace-grid-text">
						<h2>申请进度</h2>
					</div>
				</a>
			</div>
		</div>
		<div class="aui-flex aui-flex-color">
			<div class="aui-news-sml">
				<img src="/index/images/news.png" alt="">
			</div>
			<div class="aui-flex-box">
				<div class="box">
					<div class="t_news">
						<ul class="news_li">
							<li>
								<a href="javascript:return false;">大额贷款--最高可贷款50万!</a>
							</li>
							<li>
								<a href="javascript:return false;">想旅游，工资还没发，找骡贷!</a>
							</li>
							<li>
								<a href="javascript:return false;">骡贷，圆你旅行梦!</a>
							</li>
							<li>
								<a href="javascript:return false;">骡贷，平台安全，申请快!</a>
							</li>
							<li>
								<a href="javascript:return false;">今天你赚了吗?今日完成任务可赚1000!</a>
							</li>
						</ul>
						<ul class="swap"></ul>
					</div>
				</div>
			</div>
		</div>
		<div class="divHeight"></div>
		<div class="aui-flex" style="padding-bottom:0">
			<div class="aui-flex-box">
				<h1>消费贷款</h1>
			</div>
		</div>
		<div class="aui-flex">
			<div class="aui-flex-box">
				<img src="/index/images/ad-001.png" alt="" id="srcId">
			</div>
		</div>
		<div class="aui-palace aui-palace-two">
			<a  id="apng" class="aui-palace-grid">
				<div class="aui-palace-grid-icon">
					<img src="/index/images/head-003.png" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<button id="selectBtn">流程</button>
					<p>查看借款流程</p>
				</div>
			</a>

			<a  class="aui-palace-grid">
				<div class="aui-palace-grid-icon">
					<img src="/index/images/head-001.png" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<button id="inpBtn">点击借款</button>
					<p>快速出额度</p>
				</div>
			</a>
			<a  class="aui-palace-grid">
				<div class="aui-palace-grid-icon">
					<img src="/index/images/head-002.png" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<button id="outBtn">点击还款</button>
					<p>立马还</p>
				</div>
			</a>

		</div>
		<div class="divHeight"></div>

		<div class="aui-flex" style="padding-bottom:0">
			<div class="aui-flex-box">
				<h1>旅游贷款</h1>
			</div>
		</div>
		<div class="aui-flex">
			<div class="aui-flex-box">
				<img src="/index/images/ad-002.png" alt="">
			</div>
		</div>
		<div class="aui-flex aui-flex-back">
			<div class="aui-flex-box aui-flex-border-right">
				<div class="aui-text-title">
					<h2>先放款 后买车</h2>
					<p style="color:#f2915e">免费手续 无品牌限制</p>
					<button>随心购</button>
				</div>
				<div class="aui-info-img">
					<img src="/index/images/info-002.png" alt="">
				</div>
			</div>

			<div class="aui-flex-box">
				<div class="aui-one-yi aui-flex">
					<div class="aui-sml-text aui-flex-box">
						<h2>车主贷款</h2>
				 		<p>额度高至50万</p>
					</div>
					<div class="aui-sml-img">
						<img src="/index/images/info-001.png" alt="">
					</div>
				</div>

				<div class="aui-one-yi aui-flex">
					<div class="aui-sml-text aui-flex-box">
						<h2>车主贷款</h2>
						<p>低首付 0利率</p>
					</div>
					<div class="aui-sml-img">
						<img src="/index/images/info-002.png" alt="">
					</div>
				</div>

			</div>
		</div>
		<div class="aui-palace aui-palace-three">
			<a href="javascript:;" class="aui-palace-grid">
				<div class="aui-palace-grid-text">
					<h2>花呗</h2>
					<p>随时借 随时还</p>
				</div>
				<div class="aui-palace-grid-icon">
					<img src="/index/images/info-003.png" alt="">
				</div>
			</a>
			<a href="javascript:;" class="aui-palace-grid">
				<div class="aui-palace-grid-text">
					<h2>计算器</h2>
					<p>随时借 随时还</p>
				</div>
				<div class="aui-palace-grid-icon">
					<img src="/index/images/info-004.png" alt="">
				</div>
			</a>
			<a href="javascript:;" class="aui-palace-grid">
				<div class="aui-palace-grid-text">
					<h2>赊元</h2>
					<p>随时借 随时还</p>
				</div>
				<div class="aui-palace-grid-icon">
					<img src="/index/images/info-005.png" alt="">
				</div>
			</a>
		</div>
		<div class="divHeight"></div>
		<div class="aui-flex" style="padding-bottom:0">
			<div class="aui-flex-box">
				<h1>房屋贷款</h1>
			</div>
		</div>
		<div class="aui-flex">
			<div class="aui-flex-box">
				<img src="/index/images/ad-003.png" alt="">
			</div>
		</div>
		<div class="aui-palace aui-palace-two">
			<a href="javascript:;" class="aui-palace-grid">
				<div class="aui-palace-grid-icon">
					<img src="/index/images/head-004.png" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<h2>购房贷</h2>
					<p>快速出额度</p>
				</div>
			</a>
			<a href="javascript:;" class="aui-palace-grid">
				<div class="aui-palace-grid-icon">
					<img src="/index/images/head-005.png" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<h2>买私产</h2>
					<p>快速出额度</p>
				</div>
			</a>
			<a href="javascript:;" class="aui-palace-grid">
				<div class="aui-palace-grid-icon">
					<img src="/index/images/head-006.png" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<h2>装修算</h2>
					<p>快速出额度</p>
				</div>
			</a>

		</div>
		<div class="divHeight"></div>
		<div class="aui-flex b-line" >
			<div class="aui-flex-box">
				<h1>精品推荐</h1>
			</div>
		</div>
		<div class="aui-flex b-line">
			<div class="aui-six-infos">
				<h2>50<em>万</em></h2>
				<p>额度最高可达</p>
			</div>
			<div class="aui-flex-box">
				<h3>新一贷款</h3>
				<h4>月利率 <em>1.0%</em>起</h4>
				<h5> <em>无抵押</em> <em>低利息</em> 申请便捷</h5>
			</div>
			<div class="aui-tag-info">
				<img src="/index/images/tag.png" alt="">
			</div>
		</div>
		<div class="aui-flex b-line">
			<div class="aui-six-infos">
				<h2>100<em>万</em></h2>
				<p>额度最高可达</p>
			</div>
			<div class="aui-flex-box">
				<h3>理财通</h3>
				<h4>月利率 <em>1.0%</em>起</h4>
				<h5> <em>无抵押</em> <em>低利息</em> 申请便捷</h5>
			</div>

		</div>
		<div class="aui-flex b-line">
			<div class="aui-six-infos">
				<h2>50<em>万</em></h2>
				<p>额度最高可达</p>
			</div>
			<div class="aui-flex-box">
				<h3>易通贷</h3>
				<h4>月利率 <em>1.0%</em>起</h4>
				<h5> <em>无抵押</em> <em>低利息</em> 申请便捷</h5>
			</div>
		</div>
		<div class="aui-flex b-line">
			<div class="aui-six-infos">
				<h2>90<em>万</em></h2>
				<p>额度最高可达</p>
			</div>
			<div class="aui-flex-box">
				<h3>随心购</h3>
				<h4>月利率 <em>1.0%</em>起</h4>
				<h5> <em>无抵押</em> <em>低利息</em> 申请便捷</h5>
			</div>
		</div>
		<div class="aui-flex b-line">
			<div class="aui-six-infos">
				<h2>950<em>万</em></h2>
				<p>额度最高可达</p>
			</div>
			<div class="aui-flex-box">
				<h3>锐鑫贷</h3>
				<h4>月利率 <em>1.0%</em>起</h4>
				<h5> <em>无抵押</em> <em>低利息</em> 申请便捷</h5>
			</div>
			<div class="aui-tag-info">
				<img src="/index/images/tag.png" alt="">
			</div>
		</div>
		<div class="aui-flex b-line">
			<div class="aui-six-infos">
				<h2>20<em>万</em></h2>
				<p>额度最高可达</p>
			</div>
			<div class="aui-flex-box">
				<h3>企微贷</h3>
				<h4>月利率 <em>1.0%</em>起</h4>
				<h5> <em>无抵押</em> <em>低利息</em> 申请便捷</h5>
			</div>

		</div>
		<div style="height:52px;"></div>

	</section>
	<footer class="aui-footer aui-footer-fixed">
		<a href="javascript:;" class="aui-tabBar-item ">
                <span class="aui-tabBar-item-icon">
                    <i class="icon icon-loan"></i>
                </span>
			<span class="aui-tabBar-item-text">首页</span>
		</a>
		<a href="javascript:;" class="aui-tabBar-item ">
                <span class="aui-tabBar-item-icon">
                    <i class="icon icon-ions "></i>
                </span>
			<span class="aui-tabBar-item-text">理财</span>
		</a>
		<a href="javascript:;" class="aui-tabBar-item ">
                <span class="aui-tabBar-item-icon">
                    <i class="icon icon-credit"></i>
                </span>
			<span class="aui-tabBar-item-text">信用</span>
		</a>

		<a href="javascript:;" class="aui-tabBar-item aui-tabBar-item-active">
                <span class="aui-tabBar-item-icon">
                    <i class="icon icon-mine"></i>
                </span>
			<span class="aui-tabBar-item-text">贷款</span>
		</a>
		<a href="javascript:;" class="aui-tabBar-item ">
                <span class="aui-tabBar-item-icon">
                    <i class="icon icon-my"></i>
                </span>
			<span class="aui-tabBar-item-text">我的</span>
		</a>
	</footer>
</section>
</body>


</html>
